ng-if、ng-hide、ng-show

判断输入框为不为空,ng-show判断条件:输入框为空;ng-hide判断条件:输入框不为空;ng-if判断条件:输入框不为空

ng-class

1.scope变量绑定

虽然没错,但是让angular来提供变量改变class总感觉怪怪的。。。。

通过选择选项改变此处的背景色

2.通过使用对象数组改变class

通过选中来改变布尔值,从而改变此处的背景颜色

3.key/value改变class
背景色 边框

通过选中来改变布尔值,true为添加class,false为去除class

ng-options

基本用法

显示对象的ID

你拿到了{{options1.name}}

ng-value

我们正身处{{city}}

重置了{{click}}次

ng-options

数组

用数组中的值做标签(label for value in array)


用数组中的值作为选中的标签(select as label for value in array)


用数组中的值做标签组(label group by group for value in array)


数组中的值作为选中的标签组(select as label group by group for value in array)

对象

用对象的键-值(key-value)做标签(label for ( key , value ) in object)


用对象的键-值作为选中的标签(select as label for ( key , value ) in object)


用对象的键-值作为标签组(select as label group by group for ( key , value ) in object)


用对象的键-值作为选中的标签组(select as label group by group for ( key , value ) in object)


点击此处
未加入ng-if
valueA:{{valueA}}
加入ng-if,未加入$parent
valueB:{{valueB}}
加入ng-if,加入$parent
valueC:{{valueC}}